import type { SVGProps } from "react";

export const TypebotLogo = (props: SVGProps<SVGSVGElement>) => (
  <svg width="40" height="48" viewBox="0 0 40 48" fill="none" {...props}>
    <path
      d="M37.9625 4.18811C36.9719 1.73444 34.5328 0 31.6797 0H6.75937C3.02656 0 0 2.97048 0 6.63412V39.0671C0 40.9273 0.779687 42.6081 2.03594 43.8119C3.02813 46.2656 5.46875 48 8.32187 48H33.2422C36.975 48 40 45.0311 40 41.3674V8.93444C40 7.07425 39.2203 5.39195 37.9625 4.18811ZM34.5312 39.0671C34.5312 40.6098 33.2516 41.8658 31.6797 41.8658H6.75937C6.29844 41.8658 5.8625 41.7585 5.47656 41.5652C4.54531 41.1052 3.90625 40.1574 3.90625 39.0671V6.63412C3.90625 5.08984 5.18594 3.83387 6.75937 3.83387H31.6797C33.1828 3.83387 34.4188 4.98249 34.5234 6.43476C34.5281 6.5007 34.5312 6.56665 34.5312 6.63412V39.0671Z"
      fill="currentColor"
    />
    <path
      d="M17.7516 7.26994L15.8321 7.6084C15.3121 7.70009 14.965 8.19594 15.0566 8.71591L20.0616 37.1007C20.1533 37.6207 20.6492 37.9679 21.1691 37.8762L23.0886 37.5377C23.6086 37.446 23.9558 36.9502 23.8641 36.4302L18.8591 8.04543C18.7674 7.52545 18.2716 7.17826 17.7516 7.26994Z"
      fill="currentColor"
    />
  </svg>
);

export const TypebotLogoFull = (props: SVGProps<SVGSVGElement>) => (
  <svg width="100px" {...props} viewBox="0 0 94 22" fill="none">
    <path
      d="M93.9967 15.2263V17.1262C93.2213 17.3588 92.6397 17.417 92.0387 17.417C89.9838 17.417 88.9757 16.5446 88.9757 14.5672V9.19723H87.6187V7.4137H88.9757V4.95166H91.4377V7.4137H93.7835V9.19723H91.4183V14.1795C91.4183 15.11 91.8642 15.4202 92.6978 15.4202C93.0662 15.4202 93.4539 15.3814 93.9967 15.2263Z"
      fill="currentColor"
    />
    <path
      d="M87.028 12.3371C87.028 15.5359 84.9536 17.4939 82.0457 17.4939C79.1378 17.4939 77.0635 15.5359 77.0635 12.3371C77.0635 9.15781 79.1378 7.18042 82.0457 7.18042C84.9536 7.18042 87.028 9.15781 87.028 12.3371ZM79.5449 12.3371C79.5449 14.4115 80.4367 15.6522 82.0457 15.6522C83.6354 15.6522 84.5465 14.4115 84.5465 12.3371C84.5465 10.2822 83.6354 9.02211 82.0457 9.02211C80.4367 9.02211 79.5449 10.2822 79.5449 12.3371Z"
      fill="currentColor"
    />
    <path
      d="M68.4417 15.6911V17.2614H65.999V2.99316H68.4805V9.02226C68.9457 8.03357 70.0701 7.18058 71.6016 7.18058C74.18 7.18058 75.9441 9.29367 75.9441 12.3373C75.9441 15.4003 74.18 17.494 71.6016 17.494C70.1089 17.494 68.9263 16.6798 68.4417 15.6911ZM68.4223 12.1628V12.5118C68.4223 14.431 69.3334 15.6717 70.9037 15.6717C72.5128 15.6717 73.4433 14.3728 73.4433 12.3373C73.4433 10.3211 72.5128 9.00288 70.9037 9.00288C69.3334 9.00288 68.4223 10.2436 68.4223 12.1628Z"
      fill="currentColor"
    />
    <path
      d="M64.1727 14.1982C63.7462 16.3113 61.982 17.4939 59.7332 17.4939C56.8641 17.4939 54.751 15.5746 54.751 12.3565C54.751 9.13842 56.9028 7.18042 59.6751 7.18042C62.7575 7.18042 64.2308 9.52615 64.2308 12.1433V12.9381H57.1549C57.3099 14.6829 58.2017 15.6716 59.7332 15.6716C60.8576 15.6716 61.5555 15.1481 61.8851 14.1982H64.1727ZM59.6751 9.02211C58.3762 9.02211 57.5038 9.81694 57.2324 11.3291H61.8657C61.8657 10.1077 61.1678 9.02211 59.6751 9.02211Z"
      fill="currentColor"
    />
    <path
      d="M46.1684 15.6909V20.712H43.687V7.41305H46.1297V9.04149C46.5949 8.0528 47.7581 7.18042 49.2896 7.18042C51.868 7.18042 53.6321 9.29351 53.6321 12.3371C53.6321 15.4002 51.868 17.4939 49.2896 17.4939C47.7969 17.4939 46.6725 16.6796 46.1684 15.6909ZM46.1103 12.1627V12.5116C46.1103 14.4308 47.0214 15.6716 48.5917 15.6716C50.2008 15.6716 51.1313 14.3727 51.1313 12.3371C51.1313 10.321 50.2008 9.00272 48.5917 9.00272C47.0214 9.00272 46.1103 10.2434 46.1103 12.1627Z"
      fill="currentColor"
    />
    <path
      d="M35.8482 17.2421L32.0098 7.41333H34.53L37.2634 14.8382H37.3022L39.8999 7.41333H42.362L38.5235 17.436C37.593 19.898 36.4492 20.8479 34.3749 20.8673C34.0453 20.8673 33.58 20.8286 33.2311 20.7704V18.8899C33.5219 18.9481 33.677 18.9481 33.8902 18.9481C34.8983 18.9481 35.3248 18.5991 35.8482 17.2421Z"
      fill="currentColor"
    />
    <path
      d="M31.3995 15.2253V17.1252C30.6241 17.3578 30.0425 17.416 29.4415 17.416C27.3866 17.416 26.3785 16.5436 26.3785 14.5662V9.19625H25.0215V7.41273H26.3785V4.95068H28.8406V7.41273H31.1863V9.19625H28.8212V14.1785C28.8212 15.109 29.2671 15.4192 30.1007 15.4192C30.469 15.4192 30.8567 15.3804 31.3995 15.2253Z"
      fill="currentColor"
    />
    <path
      d="M16.7261 1.8801C16.2896 0.778613 15.215 0 13.9579 0H2.97814C1.33349 0 0 1.33349 0 2.97814V17.5377C0 18.3728 0.343526 19.1273 0.897023 19.6677C1.33418 20.7692 2.4095 21.5478 3.66657 21.5478H14.6463C16.291 21.5478 17.6238 20.215 17.6238 18.5704V4.01079C17.6238 3.17572 17.2803 2.42052 16.7261 1.8801ZM15.2143 17.5377C15.2143 18.2303 14.6505 18.7941 13.9579 18.7941H2.97814C2.77506 18.7941 2.58299 18.7459 2.41294 18.6592C2.00264 18.4527 1.72107 18.0272 1.72107 17.5377V2.97814C1.72107 2.2849 2.2849 1.72107 2.97814 1.72107H13.9579C14.6202 1.72107 15.1647 2.23671 15.2108 2.88865C15.2129 2.91825 15.2143 2.94785 15.2143 2.97814V17.5377Z"
      fill="currentColor"
    />
    <path
      d="M7.70544 3.43603L6.84984 3.58689C6.61807 3.62776 6.46331 3.84878 6.50417 4.08055L8.73511 16.7328C8.77598 16.9646 8.997 17.1194 9.22877 17.0785L10.0844 16.9276C10.3161 16.8868 10.4709 16.6657 10.43 16.434L8.1991 3.78169C8.15823 3.54992 7.93721 3.39516 7.70544 3.43603Z"
      fill="currentColor"
    />
  </svg>
);
